.fit {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.view {
  overflow: hidden;
  position: relative;
  cursor: default; }
  .view .mask,
  .view .content,
  .view .decor {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0; }
  .view img, .view video {
    display: block;
    position: relative; }

.view .mask {
  background-attachment: fixed; }

.hover:hover .mask {
  opacity: 1; }

.hover img, .hover video {
  transition: all 0.2s linear; }

.hover .mask {
  opacity: 0;
  transition: all 0.4s ease-in-out; }

.hover-zoom img {
  transition: all 0.2s linear; }

.hover-zoom:hover img {
  transform: scale(1.2); }

.hover-zoom:hover .mask {
  opacity: 1; }